<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华中科技大学能源与动力工程学院</title>
</head>
<body>
    <!--头部导航栏-->
    <header>
        <table>
            <tr>
                <td>
                    <img src="images/logo.png" alt="华中科技大学能源与动力工程学院Logo">
                </td>
                <td>
                    <h1>华中科技大学</h1>
                    <h2>能源与动力工程学院</h2>
                    <p>SCHOOL OF ENERGY AND POWER ENGINEERING</p>
                    <p>HUAZHONG UNIVERSITY OF SCIENCE AND TECHNOLOGY</p>
                </td>
            </tr>
        </table>

        <!--主导航-->
        <tr>
            <ul class="hidden md:flex space-x-6">
                <li><a href="#" class="hover:text-secondary transition-colors">首页</a></li>
                <li><a href="#" class="hover:text-secondary transition-colors">学院概况</a></li>
                <li><a href="#" class="hover:text-secondary transition-colors">师资队伍</a></li>
                <li><a href="#" class="hover:text-secondary transition-colors">人才培养</a></li>
                <li><a href="#" class="hover:text-secondary transition-colors">科学研究</a></li>
                <li><a href="#" class="hover:text-secondary transition-colors">招生就业</a></li>
                <li><a href="#" class="hover:text-secondary transition-colors">国际交流</a></li>
            </ul>
        </tr>

</body>
</html>